/* 引入阿里巴巴普惠体字体 */
@font-face {
  font-family: 'Ailibabahuiputi';
  src: url('@/assets/font/ailibabahuiputi/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: 'Ailibabahuiputi', "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  overflow: hidden; // 禁止页面本身滚动
}

#app {
  height: 100%;
  overflow: hidden;
}

// 防止 Element Plus 对话框打开时页面抖动
// Element Plus 会添加 padding-right 补偿滚动条，但我们页面本身不滚动，需要重置
body.el-popup-parent--hidden {
  padding: 0 !important;
}

//超链接去掉下划线
a {
  text-decoration: none;
  color: #333;
}

// el-dropdown 去掉黑框
.el-tooltip__trigger:focus-visible {
  outline: unset;
}

/* 设置滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

/* 设置滚动条轨道样式 */
::-webkit-scrollbar-track {
  background-color: var(--el-border-color-light);
  border-radius: 4px;
}

/* 设置滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 4px;
  transition: background-color 0.3s;
  
  &:hover {
    background-color: #909399;
  }
}

// -enter-active 和 -leave-active 定义进入和离开的动画效果
// -enter-from 和 -leave-to定义进入和离开的状态

// 淡入淡出动画
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

// 缩放动画
.scale-enter-active,
.scale-leave-active {
  transition: all 0.5s ease;
}
.scale-enter-from,
.scale-leave-to {
  opacity: 0;
  transform: scale(0.9);
}
